<!doctype html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>赛亚星的星球</title>
  <link rel="stylesheet" href="css/bootstrap.css">
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- 头部导航 -->
<header>
  <nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a href="index.html" class="navbar-logo">
          <!--<img src="images/github-button.png" class="w70 h70 mt5" alt="">-->
          <span class="f18 pr c-fff">yext blog</span>
        </a>
      </div>
      <div id="navbar" class="navbar-collapse collapse">
        <ul class="nav navbar-nav navbar-right">
          <li class="dropdown"><a href="templates/introduce.html" class="f14"><i class="glyphicon glyphicon-sunglasses mr5"></i>关于我</a></li>
          <li class="dropdown"><a href="" class="f14"><i class="glyphicon glyphicon-road mr5"></i>生活</a></li>
          <li class="dropdown"><a href="templates/dotaShow.html" class="f14"><img src="images/dota_on.png" alt="" class="b">dota2</a></li>
          <li class="dropdown"><a href="templates/article_list.html" class="f14"><i class="glyphicon glyphicon-send mr5"></i>文章</a></li>
          <li><div class="myhome"><a href="javascript:;"><img src="images/medium.jpg" alt=""></a></div></li>
        </ul>
      </div>
    </div>
  </nav>
</header>
<section>
  <div class="" id="content">
    <section class="awSlider">
      <div  class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
          <li data-target=".carousel" data-slide-to="0" class="active"></li>
          <li data-target=".carousel" data-slide-to="1"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
          <div class="item active">
            <a href="templates/introduce.html"><img src="images/paper.jpg"></a>
            <div class="carousel-caption"></div>
          </div>
          <div class="item">
            <img src="images/me_banner.jpg">
            <div class="carousel-caption"></div>
          </div>
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href=".carousel" role="button" data-slide="prev">
          <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
          <span class="sr-only">Geri</span>
        </a>
        <a class="right carousel-control" href=".carousel" role="button" data-slide="next">
          <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
          <span class="sr-only">İleri</span>
        </a>
      </div>
    </section>
    <div class="mb20 bdb">
      <section>
        <button class='lined thick'><a href="templates/introduce.html" class="c-41403e">about me</a></button>
        <button class='dotted thick'><a href="templates/article_list.html" target="_blank" class="c-41403e">My Article</a></button>
        <button class='dashed thick'>Dota2 Game</button>
        <button class='lined thick'><a href="templates/message.html" class="c-41403e">Message</a></button>
      </section>
      <!--<section>-->
        <!--<button class='lined_thin'>DOTA2 Hero</button>-->
        <!--<button class='dotted_thin'>Dotted Thin</button>-->
        <!--<button class='dashed_thin'>Dashed Thin</button>-->
      <!--</section>-->
    </div>
    <!-- 文章 Article -->
    <div class="title_index mb20 bdb pl15 pr15">
      <span></span>
      <h3>
        <a href="templates/article_list.html">文章/Articles</a>
      </h3>
      <div class="row">
        <div class="col-md-4">
          <a class="article_title" href="javaScript:;">
            <span>New</span>
          </a>
          <ul>
            <li>
              <a href="templates/articles/article1.html" title="学做网站之前需要学习些什么">学做网站之前需要学习些什么</a>
              <span class="fr">2017-7-25</span>
            </li>
            <li>
              <a href="javaScript:;" title="如果古人们穿越到现在，会是怎样的程序员？">如果古人们穿越到现在，会是怎样的程序员？</a>
              <span>2017-7-25</span>
            </li>
          </ul>
        </div>
        <div class="col-md-4">
          <a class="article_title" href="javaScript:;">
            <span>Stor</span>
          </a>
          <ul>
            <li>
              <a href="templates/storys/story1.html" title="最遥远的距离就是我站在你面前却不知道你到底说的啥">最遥远的距离就是我站在你面前却不知道你到底说的啥</a>
              <span>2017-7-25</span>
            </li>
            <li>
              <a href="javaScript:;" title="一个关于乔贝穆凯的故事">一个关于乔贝穆凯的故事</a>
              <span>2017-7-25</span>
            </li>
            <li>
              <a href="javaScript:;" title="你明明是碌碌无为，快别说什么平凡可贵 ">你明明是碌碌无为，快别说什么平凡可贵</a>
            </li>
          </ul>
        </div>
        <div class="col-md-4">
          <a class="article_title" href="javaScript:;">
            <span>New</span>
          </a>
          <ul>
            <li>
              <a href="javaScript:;" title="你明明是碌碌无为，快别说什么平凡可贵 ">你明明是碌碌无为，快别说什么平凡可贵</a>
            </li>
            <li>
              <a href="javaScript:;" title="如果古人们穿越到现在，会是怎样的程序员？">如果古人们穿越到现在，会是怎样的程序员？</a>
              <span>2017-7-25</span>
            </li>

          </ul>
        </div>
      </div>
    </div>
    <!-- 文章 Article end -->
    <!-- 工作 Work -->
    <div class="title_index mb20 bdb pl15 pr15">
      <span></span>
      <h3>
        <a href="javaScript:;">工作 / Work</a>
      </h3>
      <div class="row">
        <div class="col-md-4 text-center">
          <a class="work_title" href="javaScript:;">
            <img class="work_img" src="images/work.jpg" alt="">
          </a>
          <p><a href="javaScript:;" class="c-3b3b39 fb f18">致旅行</a></p>
          <p><span>2016-6-4 17:42:30</span></p>
          <p><a href="javaScript:;" class="c-ea7716">View Details »</a></p>
        </div>
        <div class="col-md-4 text-center">
          <a class="work_title" href="javaScript:;">
            <img class="work_img" src="images/work.jpg" alt="">
          </a>
          <p><a href="javaScript:;" class="c-3b3b39 fb f18">致旅行</a></p>
          <p><span>2016-6-4 17:42:30</span></p>
          <p><a href="javaScript:;" class="c-ea7716">View Details »</a></p>
        </div>
        <div class="col-md-4 text-center">
          <a class="work_title" href="javaScript:;">
            <img class="work_img" src="images/work.jpg" alt="">
          </a>
          <p><a href="javaScript:;" class="c-3b3b39 fb f18">致旅行</a></p>
          <p><span>2016-6-4 17:42:30</span></p>
          <p><a href="javaScript:;" class="c-ea7716">View Details »</a></p>
        </div>
      </div>
    </div>
    <!-- 工作 Work end -->
    <!-- dota2 -->
    <div class="title_index bg_game pl15 pr15">
      <span></span>
      <h3>
        <a href="javaScript:;">游戏 / dota2</a>
      </h3>
      <div class="game-information-wrap">
        <div class="home-information-box">
          <div class="game-headimg-box">
            <img src="images/medium.jpg" alt="" style="width: 70px;height: 70px;">
          </div>
        </div>
        <div class="information-content-wrap text-center">
          <p class="people-nick-name c-fff">
            昵称：拒绝熊
          </p>
          <p class="people-nick-name c-fff f16">
            单排：4018  组排：4164
          </p>
          <p class="user-background c-fff">
            <span>id:255084597</span>
          </p>
          <p class="c-fff">注:以下游戏数据均来自Max+统计</p>
        </div>
      </div>
      <div class="row">

        <div class="col-md-4 text-center">
          <h4>我和dota2</h4>
          <a class="work_title" target="_blank" href="http://api.maxjia.com/api/activity/dota_and_me/shared/?max_id=1504350">
            <img class="game_img" src="images/bg-rpg.jpg" alt="我和dota2">
          </a>
          <p><a target="_blank" href="http://api.maxjia.com/api/activity/dota_and_me/shared/?max_id=1504350" class="c-ea7716">View Details »</a></p>
        </div>

        <div class="col-md-4 text-center">
          <a class="work_title" href="templates/dotaShow.html">
            <img class="game_img" src="images/bg-rpg.jpg" alt="">
          </a>
          <h4>高光时刻</h4>
          <p><a href="templates/dotaShow.html" class="c-ea7716">View Details »</a></p>
        </div>

        <div class="col-md-4 text-center">
          <h4>我的dota2英雄榜</h4>
          <a class="work_title" target="_blank" href="http://api.maxjia.com/api/activity/share/hero_mmr/?max_id=1504350&sid=1446983496LBAZEGNJZW">
            <img class="game_img" src="images/bg-rpg.jpg" alt="我的dota英雄榜">
          </a>
          <p><a target="_blank" href="http://api.maxjia.com/api/activity/share/hero_mmr/?max_id=1504350&sid=1446983496LBAZEGNJZW" class="c-ea7716">View Details »</a></p>
        </div>
      </div>
    </div>
    <!-- dota2 end -->
  </div>
</section>
<footer>
  <div id="bottom">
    <div class="row">
      <div class="col-md-2 col-md-offset-1 col-xs-11">
        <h3 class="link_h3">Link</h3>
        <ul>
          <li><a href="http://yext.oschina.io/myblog/index.html">我的网址link</a></li>
          <li><a href="http://www.dota2.com.cn/index.htm">dota2官网</a></li>
          <li><a href="https://www.oschina.net/tweets">开源中国</a></li>
          <li><a href="https://www.douyu.com/">斗鱼</a></li>
        </ul>
      </div>
      <div class="col-md-3 col-md-offset-1 col-xs-11">
        <h3 class="link_h3">Copy</h3>
        <p class="ml20">本站部分文章、资源来自互联网，版权归原作者及网站所有，如果侵犯了您的权利，请及时致信告知我站.</p>
      </div>
      <div class="col-md-3 col-md-offset-1 col-xs-11">
        <h3 class="link_h3">About</h3>
        <p class="ml20"><a href="templates/message.html">给我留言</a></p>
        <p class="ml20"><a href="javaScript:;">我的微信</a></p>
        <p class="ml20"><img style="width: 150px;height: 150px;" src="images/weixin.png" alt=""></p>
      </div>
    </div>
  </div>
</footer>
<script src="js/jquery-2.1.0.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/unslider.min.js"></script>
</body>
<script>
  $(function(){
    $('section.awSlider .carousel').carousel({
      pause: 'hover',
      interval: 2000
    });
    var startImage = $('section.awSlider .item.active > img').attr('src');
    $('section.awSlider').append('<img src="' + startImage + '">');
    $('section.awSlider .carousel').on('slid.bs.carousel', function () {
      var bscn = $(this).find('.item.active > img').attr('src');
      $('section.awSlider > img').attr('src', bscn);
    });
//    window.onresize = function() {
//      initSize();
//    };
    // 设置banne高度
//    $('.index-banner-wrap').find('li').height($(window).width() * .28125);
//
//    // banner
//    $('#indexBanner').unslider({
//      speed: 1500,
//      dots: true,
//      fluid: true
//    });
//
//
    // 初始化主页面大小
//    function initSize() {
//             var screenHeight = $(window).height();// 窗口高度
//             var navHeight = $("#topNav").height();// 顶部导航栏高度
//             var contentHeight = screenHeight - navHeight;// 内容区域高度
//      var screenWidth = $(".awSlider").width();// 窗口宽度
//             $("#main-wrapper").width(screenWidth);// 设置内容区域宽度
//             $("#main-wrapper").css("margin-top", navHeight);// 设置内容区域margin-top
//             $("#main-wrapper").height(contentHeight);// 设置内容区域高度
//      $('section.awSlider > img').width(screenWidth *.95);
//    }
  });
</script>
</html>